<script setup>
import { ref } from 'vue'
import clientStatistics from './components/clientStatistics.vue';
import sellStatistics from './components/sellStatistics.vue';
import clueStatistics from './components/clueStatistics.vue'
import channelStatistics from './components/channelStatistics.vue';
//默认第一个
const activeName = ref('first')
</script>
<template>
  <div class="container">
    <div class="header">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="客户统计" name="first">
            <client-statistics></client-statistics>
        </el-tab-pane>
        <el-tab-pane label="销售统计" name="second">
            <sell-statistics></sell-statistics>
        </el-tab-pane>
        <el-tab-pane label="线索统计" name="third">
            <clue-statistics></clue-statistics>
        </el-tab-pane>
        <el-tab-pane label="渠道统计" name="fourth">
            <channel-statistics></channel-statistics>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.container {
  background-color: #fff;
}
</style>
